// 首页
@charset 'utf-8';

@import './_reset';
@import 'common';

.tit_bar {
    @include reuse-flex;
    align-items: center;

    .icon_search {
        width: 5.6vw;
        height: 5.6vw;
        margin-left: 3.7333vw;
    }

    .logo {
        width: 20vw;
        height: 8.2667vw;
        margin: auto;
    }
}


// 轮播
.swiper {
    position: relative;
    width: 100vw;
    height: 54.6667vw;
    overflow-x: hidden;

    .slides {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        animation: slides 6s 1s ease infinite alternate;

        &:nth-child(1) {
            left: 0;
        }

        &:nth-child(2) {
            left: 100vw;

        }

        &:nth-child(3) {
            left: 200vw;
        }
    }

    // 图片轮播
    @keyframes slides {
        0% {
            transform: translateX(0);
        }

        50% {
            transform: translateX(-100vw);
        }

        100% {
            transform: translateX(-200vw);
        }

    }

    .point {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        background: transparent;
        margin-bottom: 3vw;

        i {
            display: inline-block;
            width: 3vw;
            height: 3vw;
            border-radius: 50%;
            background: #FAB3B4;
            margin-right: 1.3333vw;
        }

        i.active {
            background: #915C35;
            width: 8vw;
            height: 3vw;
            border-radius: 1.3333vw;
        }
    }
}

// 导航
.nav {
    background: #fff;
    padding: 3.4667vw 4vw;

    .nav_desc {
        padding: 2.1333vw 0;

        ul {
            @include reuse-flex;

            li {
                @include reuse-flex;
                align-items: center;
                flex: 1;
                justify-content: center;

                i {
                    background: url('../images/index/icon-radio.png') no-repeat;
                    width: 4.2667vw;
                    height: 4.2667vw;
                    display: block;
                }

                span {
                    color: #555555;
                    font-size: 3.2vw;
                    font-weight: 400;
                    font-family: myFont;
                    margin-left: 1.3333vw;
                }
            }
        }
    }

    .nav_item {
        padding: 2.6667vw 0 0 0;

        ul {
            @include reuse-flex;
            justify-content: space-between;

            li {
                a {
                    @include reuse-flex(column);
                    color: #333333;
                    font-size: 3.7333vw;
                    font-weight: 400;
                    font-family: myFont;
                    align-items: center;

                    img {
                        width: 10.6667vw;
                        height: 10.6667vw;
                    }

                    span {
                        margin-top: 1.3333vw;
                    }
                }
            }
        }
    }
}

// 一秒选花
.flower_select {
    background: #fff;
    margin: 2.6667vw 0;
    padding: 2.6667vw 0;

    .tit {
        border-left: .4vw solid #884e22ff;
        color: #884e22;
        font-size: 4vw;
        font-weight: 600;
        font-family: myFont;
        padding: 0 0 0 3.2vw;
        height: 9.3333vw;
        line-height: 9.3333vw;
        margin-left: 2.6667vw;

    }

    .flower_top {
        margin: 2.6667vw 0;

        .img_mod {
            @include reuse-flex;
            justify-content: space-evenly;

            .img_item {
                width: 29.6vw;
                height: 33.6vw;
                // border-radius: 1.3333vw;

                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 1.3333vw
                }
            }
        }
    }

    .flower_bottom {
        @include reuse-flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 2.6667vw 0;

        .flower_item {
            width: 22.6667vw;
            height: 28.2667vw;
            border-radius: 1.3333vw;
            background: #f3ebe3;
            @include reuse-flex(column);
            align-items: center;
            border-radius: 1.3333vw;
            justify-content: center;

            p {
                color: #884e22;
                font-size: 3.7333vw;
                font-weight: 600;
                font-family: myFont;
                margin: 1.3333vw 0;
            }

            .item_img {
                width: 18.1333vw;
                height: 18.1333vw;

                img {
                    width: 100%;
                    height: 100%;
                }

            }
        }
    }
}

// 商品列表
.goods_container {
    margin-bottom: 2.6667vw;

    .goods_mod {
        background: #fff;
        padding: 7.4667vw 0 0;

        .list_tit {
            height: 8.2667vw;
            color: #555555;
            font-size: 4vw;
            font-weight: 600;
            font-family: myFont;
            text-align: center;

            &::after {
                content: '';
                display: block;
                width: 21.3333vw;
                height: 1.0667vw;
                border-radius: 1.0667vw;
                background: #884e22;
                margin: 2.6667vw auto 0;
            }
        }

        .goods_wrap {
            box-sizing: border-box;
            padding-bottom: 4vw;

            .goods_list {
                @include reuse-flex(row, wrap);
                justify-content: space-evenly;
                margin: 5.3333vw 0 2.6667vw;

                .link {
                    margin: 0 0 5.3333vw;

                    .goods_item {
                        // width: 44vw;
                        box-sizing: border-box;

                        .goods_img {
                            width: 44vw;
                            height: 44vw;

                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }

                        .goods_name {
                            color: #666666;
                            font-size: 3.7333vw;
                            font-weight: 400;
                            font-family: myFont;
                            margin: 1.3333vw 0 2.6667vw
                        }

                        .goods_info {
                            @include reuse-flex;
                            justify-content: space-between;

                            span:nth-child(1) {
                                color: #ff4433;
                                font-size: 3.7333vw;
                                font-weight: 600;
                                font-family: myFont;
                            }

                            span:nth-child(2) {
                                color: #999999;
                                font-size: 3.2vw;
                                font-weight: 400;
                                font-family: myFont;
                            }
                        }
                    }
                }
            }

            .more_btn {
                width: 18.6667vw;
                height: 7.2vw;
                line-height: 7.2vw;
                border: .2667vw solid #999999;
                margin: 0 auto;
                color: #999999;
                font-size: 3.2vw;
                font-weight: 400;
                font-family: myFont;
                text-align: center;
            }
        }

    }
}

// 页脚
footer {
    .footer {
        background: #fff;
        @include reuse-flex(column);
        align-items: center;
        height: 21.3333vw;
        justify-content: end;
        box-sizing: border-box;
        padding-bottom: 4vw;

        div {
            color: #999999ff;
            font-size: 3.2vw;
            font-weight: 400;
            font-family: myFont;
            margin-bottom: 1.3333vw;
        }
    }
}